.ic {
  display: inline-block;
  background-size: 100%;
}
.ic-tip-yellow {
  width:30px;
  height:30px;
  background-image: url('~assets/img/tip-yellow.png')
}

.ic-idcard {
  width:61px;
  height:46px;
  background-image:url('~assets/img/icon-idcard.png');
}

.ic-refresh {
  width:48px;
  height:48px;
  background-image:url('~assets/img/icon-refresh.png');
}


.css-arrow-right {
  position: relative;
  right:2px;
  display: block;
  width:14px;
  height:14px;
  border-right: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  transform: rotate(-45deg)
}

.css-arrow-down {
  .css-arrow-right;
  transform: rotate(45deg)
}

.css-close {
  position: relative;
  display: inline-block;
  width:20px;
  height:20px;
  overflow: hidden;
  transform: rotate(45deg);
  &::before,
  &::after {
    content:'';
    position: absolute;
    left:50%;
    top:50%;

    background-color:#999;
  }
  &::before {
    width:80%;
    height:2px;
    transform: translate3d(-50%,-50%,0)
  }
  &::after {
    width:2px;
    height:80%;
    transform: translate3d(-50%,-50%,0)
  }
}
